<template>
	<view class="msg-info-box">
		<text>{{props.title}}</text>
		<text>{{props.pushDate}}</text>
		<text>{{props.content}}</text>
	</view>
</template>

<script setup>
	const props = defineProps()
</script>

<style lang="scss" scoped>
page{
	background-color: white;
}
.msg-info-box{
	padding: 30rpx;
	display: flex;
	flex-direction: column;
	color: $xh-title-color;
	font-size: 28rpx;
	text:nth-child(1){
		font-size: 32rpx;
	}
	text:nth-child(2){
		margin: 32rpx 0;
	}
	text:nth-child(3){
		color: $xh-color-606266;
	}
}
</style>
